/**
 * /skill/main页面的脚本
 */

$(function() {
    $("#skills .skill .peter_progressbar").each(function() {
        $(this).progressbar({
            value: 0,
            change: function() {
                $(".progress-label", this).text($(this).progressbar("value") / 10);
            }
        }).click(function(event) {
            var progressbar = $(this);
            var val = event.offsetX / progressbar.width() * 100;
            val = parseInt(val);
            progressbar.data("value", val);
            $(this).progressbar("value", val);
            event.preventDefault();
        }).progressbar("value", $(this).data("value"));
    });

    $("#new .peter_progressbar").progressbar({
        value: 0,
        change: function() {
            $(".progress-label", this).text($(this).progressbar("value") / 10);
        }
    }).click(function(event) {
        var progressbar = $(this);
        var val = event.offsetX / progressbar.width() * 100;
        val = parseInt(val);
        progressbar.data("value", val);
        $(this).progressbar("value", val);
        event.preventDefault();
    });

    $(".peter_spinner").spinner();

    $(".peter-btn").button().click(function(event) {
        var key = $(this).data("key");
        var value = $(this).siblings(".peter_progressbar").data("value");
        var name = $(this).siblings(".skill_name").children(".skill_name").data("value");

        $.ajax({
            url: "save",
            data: {
                id: key,
                name: name,
                value: value,
            },
            dataType: "json",
            success: function(data) {
                console.log(data);
                window.location.reload();
            },
            type: "post",
        });
        event.preventDefault();
    })

    $("#new-name").blur(function(event) {
        $(this).data("value", $(this).val());
    });
});